<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>英才添翼--校企专业共建</title>

<script type="text/javascript">
	var allpane = 'topAreaA|headerAreaA|mainArea|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';
</script>
<link rel="stylesheet" type="text/css" href="./style/css/style.css">
<link rel="stylesheet" type="text/css" href="./style/css/index.css">
<link rel="stylesheet" type="text/css" href="./style/css/gongjian.css">
<link
	id="_Portals__default_Skins_buildingMaterial_03_Html_css_style_css?ver=1_2"
	rel="stylesheet" type="text/css" href="./skin/css/style.css" />
<script src="./skin/js/jquery-1.7.2.min.js"></script>

<!--头部-->
<!--[if lt IE 9]>
 <script src="skin/js/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
 <script type="text/javascript" src="skin/js/ie7.js"></script>
 <script type="text/javascript" src="skin/js/dd_belatedpng.js"></script>
 <script type="text/javascript">
  DD_belatedPNG.fix('.top img, .footer img, .bottom img, .form-btn, .module-icon-default');
 </script>
<![endif]-->
</head>
<!-- 外部样式 -->
<body>
	<!-- Header头部样式 -->
	<div id="wrapper" class="home-page">
		<!-- ==================== S top ==================== -->
		<header class="top header-spe desktops-section default-top">
			<!-- S top-bar -->
			<!-- E top-bar -->
			<!-- S top-main -->
			<div class="top-main">
				<div class="page-width clearfix">
					<div class="logo" skinobjectzone="HtmlLogo_691">
						<a href="${pageContext.request.contextPath }/index"><img src="./style/img/logo.jpg"
							alt="英才添翼--山东大学生实训基地"> </a>
					</div>
					<!-- end of logo -->
					<div class="dropdown-menu fl" skinobjectzone="menu_744">
						<a href="javascript:;" class="dropdown-menu-btn"><span>菜单</span>
						</a>
						<div class="dropdown-menu-content">
							<ul>
								<li><a href="${pageContext.request.contextPath }/index">首页</a>
								</li>
								<li><a href="jidi.html">基地介绍</a>
								</li>
								<li><a href="${pageContext.request.contextPath }/case">项目案例</a>
								</li>
								<li><a href="xiaoqi.html">合作方案</a>
								</li>
								<li><a href="${pageContext.request.contextPath }/cons">大学生实习实践</a>
								</li>
								<li><a href="${pageContext.request.contextPath }/club">发现杯技术俱乐部</a>
								</li>
								<li><a href="${pageContext.request.contextPath }/download">资料下载</a>
								</li>
								<li><a href="select.html">证书查询</a>
								</li>
								<li><a href="about.html">关于我们</a>
								</li>
							</ul>
						</div>

					</div>
					<div class="head_r">
						<div class="tel">
							<a href="#"> <span> &#9742; 联系我们 </span> </a>
						</div>
						<div class="search">
							<div class="sl">
								<input type="text" name="search"> <a href=""><img
									src="./style/img/search.png"> </a>
							</div>
						</div>

					</div>
				</div>

			</div>

			<div class="clear"></div>
		</header>
		<script type="text/javascript">
			//Dropdown Menu
			$('.dropdown-menu-btn').click(function(event) {
				if (!$(this).next('.dropdown-menu-content').is(':visible')) {
					$(this).next('.dropdown-menu-content').slideDown();
					$(this).addClass('dropdown-close');
				} else {
					$(this).next('.dropdown-menu-content').slideUp();
					$(this).removeClass('dropdown-close');
				}
				event.stopPropagation();
			});
			$('.dropdown-menu-content li').hover(function() {
				$(this).children('ul').show();
				$(this).addClass('current');
			}, function() {
				$(this).children('ul').hide();
				$(this).removeClass('current');
			});
			$(document).click(function() {
				$('.dropdown-menu-content').slideUp();
				$('.dropdown-menu-btn').removeClass('dropdown-close');
			});
		</script>
		<!-- S touch-top-wrapper -->
		<!--Banner轮播-->
		<div class="pb-carouselWarp demo1">
			<ul class="pb-carousel">
				<li class="pb-this">
					<div class="banner_p">
						<p>
							达内山东大学生</br> 实训基地
						</p>
						<a href="#"><button>了解更多</button> </a>
					</div> <img src="./style/img/index_banner_bg_01.jpg" alt="" /></li>
				<li>
					<div class="banner_p">
						<p>
							达内山东大学生</br> 实训基地
						</p>
						<a href="#"><button>了解更多</button> </a>
					</div> <img src="./style/img/index_banner_bg_01.jpg" alt="" /></li>
				<li>
					<div class="banner_p">
						<p>
							达内山东大学生</br> 实训基地
						</p>
						<a href="#"><button>了解更多</button> </a>
					</div> <img src="./style/img/index_banner_bg_01.jpg" alt="" /></li>
					<li>
					<div class="banner_p">
						<p>
							达内山东大学生</br> 实训基地
						</p>
						<a href="#"><button>了解更多</button> </a>
					</div> <img src="./style/img/index_banner_bg_01.jpg" alt="" /></li>
					<li>
					<div class="banner_p">
						<p>
							达内山东大学生</br> 实训基地
						</p>
						<a href="#"><button>了解更多</button> </a>
					</div> <img src="./style/img/index_banner_bg_01.jpg" alt="" /></li>
			</ul>
			<ul class="pb-carousel-ind">
				<li class="pb-this"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<button class="pb-arrow pb-arrow-prev"></button>
			<button class="pb-arrow pb-arrow-next" id="aa"></button>
		</div>
		<div class="clear"></div>

		<!--主体-->
		<div class="gj_part1">
			<h2>共建专业</h2>
			<ul>
				<c:forEach var="splist" items="${spList }">
					<li>
					<img src="${splist.imgURL}" />
					<p class="title">
						<a href="">${splist.title }</a>
					</p>
					<p class="article">
						<a href="">${splist.introduce }</a>
					</p>
				</li>
				</c:forEach>
			</ul>
		</div>
		<div class="clear"></div>
		<div class="gj_part2">
			<h2>教学优势</h2>
			<ul>
				<li><img src="./style/img/gj_yx_01.png" />
					<p class="title">
						<a href="">特色课程</a>
					</p>
					<p class="article">
						<a href="">丰富全面专业方向任你选</a>
					</p>
				</li>
				<li><img src="./style/img/gj_yx_02.png" />
					<p class="title">
						<a href="">培训讲师</a>
					</p>
					<p class="article">
						<a href="">丰富全面专业方向任你选</a>
					</p>
				</li>
				<li><img src="./style/img/gj_yx_03.png" />
					<p class="title">
						<a href="">就业导向</a>
					</p>
					<p class="article">
						<a href="">丰富全面专业方向任你选</a>
					</p>
				</li>
				<li><img src="./style/img/gj_yx_04.png" />
					<p class="title">
						<a href="">俱乐部VIP</a>
					</p>
					<p class="article">
						<a href="">丰富全面专业方向任你选</a>
					</p>
					
						
				</li>

			</ul>
		</div>
		<div class="clear"></div>
		<div class="gj_part3">
			<h2>培训讲师</h2>
			<ul>
			<c:forEach var="tlist" items="${tList}">
					<li>
					<div class="image">
						<img title="teacher" src="${tlist.imgURL }" /> <!-- <img
							src="./style/img/t-1.png" /> -->
					</div>
					<p class="title">${tlist.title }</p>
					<p class="article">
						${tlist.introduce }
					</p> <img src="./style/img/star.png" />
				</li>
				</li>
				</c:forEach>

			</ul>
		</div>
		<div class="clear"></div>
		<div class="gj_part4">
			<h2>共建实验室</h2>
			<!-- <div class="arrow arrow_l">
				<img src="./style/img/arrow_l.png">
			</div> -->
			<ul>
				<c:forEach var="lablist" items="${labList }">
					<li>
						<img src="${lablist.imgURL }" />
						<span>${lablist.title}</span>
					</li>
				</c:forEach>
				<!-- <li><img src="./style/img/sys_1.jpg" />人工智能实验室</li>
				<li><img src="./style/img/sys_2.jpg" />大数据实验室</li>
				<li><img src="./style/img/sys_3.jpg" />嵌入式实验室</li>
				<li><img src="./style/img/sys_4.jpg" />电子商务实验室</li> -->

			</ul>
			<!-- <div class="arrow arrow_r">
				<img src="./style/img/arrow_r.png">
			</div> -->
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div class="gj_part5">
			<h2>合作流程</h2>
			<ul>
				<li><img src="./style/img/hz_01.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：0532-86665109 ）</p>
				</li>
				<li><img src="./style/img/hz_01.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：）</p>
				</li>
				<li><img src="./style/img/hz_03.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：）</p>
				</li>
				<li><img src="./style/img/hz_01.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：）</p>
				</li>
				<li><img src="./style/img/hz_05.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：）</p>
				</li>
				<li><img src="./style/img/hz_06.png" />
					<h4>电话沟通</h4>
					<p>咨询你所关注的问题； （咨询热线：）</p>
				</li>
			</ul>
		</div>

		<div class="clear"></div>
		<div class="gj_part6">
			<div class="hezuo_title">
				<h2>共建合作</h2>
			</div>
			<div class="center">
				<div class="about center" style="text-align:center">
					<h3>联系我们</h3>
					<div class="article">
						<p>不问专业形式有特点，除了在连名外，报名方式还有他三种：
						<p>电话报名，即学生可属过生电话，联系对应专业负查人进行报名2感件报名，</p>
						<p>即学生可通过招生部福，将目已的信恩发到感箱按名到培训中心报名，即字生直排到达字区，我到对应专业报名区，报名即可</p>
						<p>招生热线：0532-86665109 0532-86665109
						<p>招生老师：陈老师：18888888888（人工智能）</p>
						<p>招生老师：王老师：18888888888（电子商务）</p>
					</div>
				</div>
				<!-- <form>
					<input type="text" name="xingming" value="您的姓名" /> <input
						type="text" name="dianhua" value="您的电话" /> <input type="text"
						name="yuanxiao" value="您的院校名称" />
					<textarea rows="3" cols="70" value="您的院校名称">备注</textarea>
					<input type="submit" id="tijiao" name="tijiao" value="提交留言" />
				</form> -->
			</div>
		</div>
		<div class="clear"></div>
		<footer>
			<div class="foot_top">
				<ul class="foot_ul_l">
					<li>
						<h6>北京英才添翼网络科技有限公司青岛分公司</h6>
						<ul>
							<li>电话：0532-86665109</li>
							<li>地址：山东省青岛市黄岛区光谷软件园20号楼</li>
						</ul>
					</li>
				</ul>
				<ul class="foot_ul_r">
					<li><h6><a href="${pageContext.request.contextPath }/case">项目案例</a></h6></li>
			<li><h6><a href="xiaoqi.html">合作方案</a></h6></li>
			<li><h6><a href="${pageContext.request.contextPath }/cons">大学生实习实践</a></h6></li>
			<li><h6><a href="${pageContext.request.contextPath }/club">发现杯技术俱乐部</a></h6></li>
			<li><h6><a href="${pageContext.request.contextPath }/download">资料下载</a></h6></li>
			<li><h6><a href="select.html">证书查询</a></h6></li>
				</ul>
			</div>
			<div class="foot_buttom">
				<img src="./style/img/foot_logo.png" />
				<div class="fbr">
					<img src="./style/img/f_1.png" /> <img src="./style/img/f_2.png" />
					<img src="./style/img/f_3.png" />
				</div>
			</div>
		</footer>
</body>
<script src="skin/js/jquery-1.10.2.js"></script>
">
<script src="./style/js/carousel.min.js" type="text/javascript"
	charset="utf-8"></script>
<script type="text/javascript">
			carousel(
				$('.demo1'),	//必选， 要轮播模块(id/class/tagname均可)，必须为jQuery元素
				{
					type: 'fade',	//可选，默认左右(leftright) - 'leftright' / 'updown' / 'fade' (左右/上下/渐隐渐现)
					arrowtype: 'move',	//可选，默认一直显示 - 'move' / 'none'	(鼠标移上显示 / 不显示 )
					autoplay: true,	//可选，默认true - true / false (开启轮播/关闭轮播)
					time:4000	//可选，默认3000
				}
			);
	</script>
</html>
